<template>
	<view class="layout">
		
		<view class="img">
			<image :src="item.xq_img" mode="aspectFill"></image>
		</view>
		<view class="title">
			{{item.title}}
		</view>
		<view class="price">
			<view class="gold">
				{{item.gold}}
			</view>
			<view class="label">
				{{item.content}}
			</view>
		</view>
		<view class="num">
			<view class="left">
				{{item.gold}}
			</view>
			<view class="right">
				<view class="add">
					<slot name="add"></slot>
				</view>
			</view>
		</view>
		
		
	
	</view>
</template>

<script setup>


 	defineProps({
		item:{
			type:Object,
			default(){
				return{
					xq_img:"../../common/images/14.webp"
				}
			}
		}
	})
	
	
</script>

<style lang='scss' scoped>
	.layout{
		background: #fff;
		border-radius: 20rpx;
		.title{
			font-size: 34rpx;
			font-weight: 600;
			padding: 0 15rpx;
		}
		.price{
			display: flex;
			align-items: center;
			padding: 0 15rpx;
			.label{
				padding-left: 15rpx;
				font-size:22rpx;
				color: red;
			}
			.gold{
				
			}
		}
		
		.num{
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 15rpx 15rpx;
			.left{
				color: red;
				font-size: 32rpx;
				font-weight: 600;
			}
			
		}
		
		
	}      
</style>